<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <title>历史工单</title>
    <meta name="viewport"
          content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui-pull-refresh.css" />
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="./css/headersearch.css" />
    <link rel="stylesheet" type="text/css" href="css/comm.css" />
    <link rel="stylesheet" type="text/css" href="css/customerservicelist.css" />
    <link rel="stylesheet" type="text/css" href="../script/mui/mui.picker.min.css" />
    <link rel="stylesheet" type="text/css" href="../script/mui/mui.reset.css" />

    <style>
        .new-btn-bottom {
            width: 92%;
            margin: 0 auto;
            display: flex;
            margin-top: 30px;
            flex-direction: row;
            justify-content: center;
        }

        .new-blue-btn {
            width: 50%;
            text-align: center;
            margin: 0 5px;
            /* font-weight: bold; */
        }
    </style>
</head>

<body>
    <div id="app" v-cloak>
        <div v-on:click="doHideSearch()" v-if="showsearch" class="maskbg">
        </div>
        <div v-if="showsearchparam" class="searchparam">
            <div class="searchcontent">
                <div class="searchparamtitle">
                    工单状态
                </div>
                <div class="searchparamitem">
                    <label v-on:click="doSelectProject(item.ID)" v-bind:class="{'active':form.ProjectStatusIDs.indexOf(item.ID)>-1}" v-for="item in projectList">{{item.Name}}</label>
                </div>
                <div class="aui_bottom">
                    <div v-on:click="doReset(1)" class="aui_bottombtn left">重置</div>
                    <div v-on:click="doSearch()" class="aui_bottombtn right">确认</div>
                </div>
            </div>
        </div>
        <div v-if="showsearchmonth" class="searchparam">
            <div class="searchparamtitle">
                工单报修时间
            </div>
            <div class="searchparamitem">
                <label v-bind:class="{'active':form.activeDate==1}" v-on:click="doClickDay(1)">今日</label>
                <label v-bind:class="{'active':form.activeDate==2}" v-on:click="doClickDay(2)">本周</label>
                <label v-bind:class="{'active':form.activeDate==3}" v-on:click="doClickDay(3)">本月</label>
            </div>
            <div class="searchparamtitle">
                自定义
            </div>
            <div class="searchparamitem searchparamitem_input">
                <i class="icon iconfont icon-rili"></i>
                <span class="choose new-span-date" id="startdate" data-options='{"type":"date"}' v-bind:class="{'textColorPlaceholder':form.startTime==''}">{{form.startTime==''?'开始日期':form.startTime}}</span>
                <!--<input v-on:click="do_select_time(1)" v-model="form.startTime" readonly="readonly" type="text" placeholder="开始日期">-->
                <span style="padding: 0 10px;">
                    至
                </span>
                <span class="choose new-span-date" id="enddate" data-options='{"type":"date"}' v-bind:class="{'textColorPlaceholder':form.endTime==''}">{{form.endTime==''?'结束日期':form.endTime}}</span>
                <!--<input v-on:click="do_select_time(2)" v-model="form.endTime" readonly="readonly" type="text" placeholder="结束日期">-->
            </div>
            <div class="aui_bottom">
                <div v-on:click="doReset(2)" class="aui_bottombtn left">重置</div>
                <div v-on:click="doSearch()" class="aui_bottombtn right">确认</div>
            </div>
        </div>
        <div class="aui-content headerBox bgshadow">
            <div class="searchbox">
                <div class="aui-tab menu-name" v-on:click="doSelectSearchParam(1)">
                    工单状态<i class="icon iconfont icon-down"></i>
                </div>
                <div class="aui-tab menu-name" v-on:click="doSelectSearchParam(2)" style="float: left;">
                    {{form.activeDateDesc}}<i class="icon iconfont icon-down"></i>
                </div>
            </div>
        </div>
        <section id="main_refresh" class="aui-refresh-content">
            <!-- 搜索 -->
            <div class="aui-searchbar" id="search" style="margin-top: 10px;">
                <div class="aui-searchbar-input aui-searchbar-input-white aui-border-radius">
                    <i class="icon iconfont icon-sousuo"></i>
                    <input v-model="form.keywords" type="search" placeholder="报修类型、资源位置" id="search-input">
                    <div class="aui-searchbar-clear-btn" style="top:12px">
                        <i class="icon iconfont icon-guanbi"></i>
                    </div>
                </div>
                <div class="aui-searchbar-btn" tapmode></div>
            </div>
            <div class="aui-content task" v-if="list.length>0">
                <div v-for="item in list" class=" boxarea mainbox">
                    <div v-on:click="openGongdan(item)" class="work_con_box">
                        <!-- <span class="typestatus">待派单</span> -->
                        <div class="workheader">
                            <div class="work_title_add ellipsis_one fl" style="font-weight: bold;">{{item.TypeName}}</div>
                            <div v-if="item.ServiceStatusDesc=='待受理'" class="typestatus dsl">待受理</div>
                            <div v-if="item.ServiceStatusDesc=='待派单'" class="typestatus dpd">待派单</div>
                            <div v-if="item.ServiceStatusDesc=='待接单'" class="typestatus dsl">待接单</div>
                            <div v-if="item.ServiceStatusDesc=='处理中'" class="typestatus clz">处理中</div>
                            <div v-if="item.ServiceStatusDesc=='已完工'" class="typestatus ywg">已完工</div>
                            <div v-if="item.ServiceStatus==50" class="typestatus ygd">已关单</div>
                        </div>

                        <div class="work_con_box_time marginheight">
                            <div class="work_con_box_left">资源位置</div>
                            <div class="work_con_box_right">
                                <label>{{item.FullName}}</label>
                            </div>
                        </div>
                        <div class="work_con_box_time marginheight">
                            <div class="work_con_box_left">区&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;域</div>
                            <div class="work_con_box_right">
                                <!-- <span v-if="item.OutTimeStatusDesc=='超时'" class="overtime">{{item.OutTimeStatusDesc}}</span> -->
                                <label>{{item.ServiceArea}}<span v-if="item.ServiceFee!=''" class="label-btn-blue">收费</span></label>
                            </div>
                        </div>
                        <div class="work_con_box_time marginheight">
                            <div class="work_con_box_left">报修时间</div>
                            <div class="work_con_box_right">
                                <!-- <span v-if="item.OutTimeStatusDesc=='超时'" class="overtime">{{item.OutTimeStatusDesc}}</span> -->
                                <label>{{item.LastUpdateTime}}<span v-if="item.ServiceOverTime==1" class="label-btn-red">超时</span></label>
                            </div>
                        </div>
                        <div class="work_con_box_time marginheight work_con_box_contain">
                            {{item.ServiceContent}}
                        </div>


                    </div>
                    <div class="new-btn-bottom" style=" width: 100%; overflow: hidden;">
                        <div v-if="item.canVisit" class="work_beginbtnty3 new-blue-btn" v-on:click="do_huifang(item)">
                            <i class="icon iconfont icon-huifangicon" style=" font-size: 0.7rem; margin-right: 5px;"></i>回访
                        </div>
                        <div v-if="item.canClose" class="work_beginbtnty3 new-blue-btn" v-on:click="do_open_dialog(item.ID)">
                            <i class="icon iconfont icon-shoulishibaiicon" style=" font-size: 0.7rem; margin-right: 5px;"></i>关单
                        </div>
                        <div v-if="item.canSend" class="work_beginbtnty3 new-blue-btn" v-on:click="do_open_chooseuser(item,1)">
                            <i class="icon iconfont icon-dingxiangpaidan" style=" font-size: 0.7rem; margin-right: 5px;"></i>派单
                        </div>
                        <div v-if="item.canAccept" class="work_beginbtnty3 new-blue-btn" v-on:click="do_open_shouli(item.ID)">
                            <i class="icon iconfont icon-shouli" style=" font-size: 0.7rem; margin-right: 5px;"></i>受理
                        </div>
                        <div v-if="item.canAfreshSend" class="work_beginbtnty3 new-blue-btn" v-on:click="do_open_chooseuser(item,4)">
                            <i class="icon iconfont icon-zhongxin" style=" font-size: 0.7rem; margin-right: 5px;"></i>重派
                        </div>
                        <div v-if="item.canChuidan" class="work_beginbtnty3 new-blue-btn" v-on:click="do_open_cuidan(item.ID)">
                            <i class="icon iconfont icon-dingdanshouli" style=" font-size: 0.7rem; margin-right: 5px;"></i>催单
                        </div>
                        <div v-if="item.canRefuse" class="work_beginbtnty3 new-blue-btn" v-on:click="do_open_nodialog(item.ID)">
                            <i class="icon iconfont icon-jujue" style=" font-size: 0.7rem; margin-right: 5px;"></i>拒绝
                        </div>
                        <div v-if="item.canAcceptOrder" class="work_beginbtnty3 new-blue-btn" v-on:click="do_accpet(item)">
                            <i class="icon iconfont icon-shouli" style=" font-size: 0.7rem; margin-right: 5px;"></i>接单
                        </div>
                        <!-- <div v-if="item.ServiceStatusDesc=='处理中'" class="work_beginbtnty3"><i
                                class="icon iconfont icon-zhongxin"
                                style=" font-size: 0.7rem; margin-right: 5px;"></i>恢复</div>
                        <div v-if="item.ServiceStatusDesc=='处理中'" class="work_beginbtnty3"><i
                                class="icon iconfont icon-xietongfuwu"
                                style=" font-size: 0.7rem; margin-right: 5px;"></i>协同</div> -->
                        <div v-if="item.canComplete" class="work_beginbtnty3 new-blue-btn" v-on:click="do_complete(item)">
                            <i class="icon iconfont icon-shoulichenggongicon" style=" font-size: 0.7rem; margin-right: 5px;"></i>完工
                        </div>
                        <div v-if="item.canHandle" class="work_beginbtnty3 new-blue-btn" v-on:click="do_chuli(item)">
                            <i class="icon iconfont icon-11" style=" font-size: 0.7rem; margin-right: 5px;"></i>处理
                        </div>

                    </div>
                </div>
                <div class="notodayList">
                    别刷了，真的没有啦...
                </div>
            </div>
            <div class="noinfo" id="noorder" v-if="list.length==0&&!is_searching">
                <img src="../image/index/noinfomsg_icon.png" alt="" />
                <h5><br />暂无相关信息</h5>
            </div>
        </section>
    </div>
</body>
<script type="text/javascript " src="../script/api.js"></script>
<script type="text/javascript " src="../script/vue.js"></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript" src="../script/aui-dialog.js"></script>
<script type="text/javascript" src="../script/mui/mui.min.js"></script>
<script type="text/javascript" src="../script/mui/mui.picker.min.js"></script>
<script type="text/javascript" src="../script/mui/mui.poppicker.js"></script>
<script type="text/javascript" src="../script/aui-toast.js"></script>
<script type="text/javascript" src="../script/aui-tab.js"></script>
<script type="text/javascript" src="../script/aui-pull-refresh.js"></script>
<script type="text/javascript" src="../script/page/dateRangeUtil.js"></script>
<script type="text/javascript" src="../script/aui-scroll.js"></script>
<script type="text/javascript" src="../script/aui-popup.js"></script>
<!-- <script type="text/javascript " src="js/customerservicelist.js "></script> -->
<script type="text/javascript " src="js/customerservice_history.js"></script>
</html>